@charset "UTF-8";
/* 解决图片闪烁问题  */
image {
  will-change: transform; }

/* 定义宽高  */
.w-750 {
  width: 750px; }

.w-700 {
  width: 700px; }

.w-100 {
  width: 100% !important; }

/* 按钮 */
.x-button {
  font-size: 28px;
  line-height: 80px;
  padding: 0;
  border-radius: 6px;
  width: 100%; }

.x-button:after {
  border: none !important; }

.x-padding {
  padding-left: 25px;
  padding-right: 25px; }

.x-margin {
  margin-left: 25px;
  margin-right: 25px; }

.x-padding-top {
  padding-top: 25px; }

.x-padding-bottom {
  padding-bottom: 25px;
  padding-bottom: 25px; }

.x-padding-top-small {
  padding-top: 15px; }

.x-padding-bottom-small {
  padding-bottom: 15px;
  padding-bottom: 15px; }

.x-margin-top {
  margin-top: 25px; }

.x-margin-bottom {
  margin-bottom: 25px;
  margin-bottom: 25px; }

.x-margin-top-small {
  margin-top: 15px; }

.x-margin-bottom-small {
  margin-bottom: 15px;
  margin-bottom: 15px; }

/*  文本  */
.x-h1 {
  font-size: 2rem; }

.x-h2 {
  font-size: 1.5rem; }

.x-h3 {
  font-size: 1.25rem; }

.x-h4 {
  font-size: 1rem; }

.x-h5 {
  font-size: .875rem; }

.x-h6 {
  font-size: .75rem; }

.x-bold {
  font-weight: bold; }

.x-text {
  font-size: 26px;
  line-height: 50px; }

.x-desc {
  font-size: 24px;
  line-height: 44px; }

.x-text-small {
  font-size: 22px;
  line-height: 40px; }

.x-line-through {
  text-decoration: line-through; }

.x-italic {
  font-style: italic; }

.x-text-center {
  text-align: center; }

.x-text-left {
  text-align: left; }

.x-text-right {
  text-align: right; }

/* 文本超出隐藏 */
/* #ifdef APP-PLUS */
.x-text-ellipsis-3 {
  lines: 3; }

.x-text-ellipsis-2 {
  lines: 2; }

.x-text-ellipsis-2 {
  lines: 1; }

/* #endif */
/* #ifndef APP-PLUS */
.x-text-ellipsis-1 {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.x-text-ellipsis-2 {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.x-text-ellipsis-3 {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

/* #endif */
/* 文字颜色 */
.x-primary {
  color: #FD891F !important; }

.x-secondary {
  color: #CAD6B2 !important; }

.x-success {
  color: #6CE03A !important; }

.x-info {
  color: #46E4FC !important; }

.x-warning {
  color: #FF6816 !important; }

.x-red {
  color: #fc0107 !important; }

.x-light {
  color: #F2F5FE !important; }

.x-dark {
  color: #343a40 !important; }

.x-black {
  color: #333333 !important; }

.x-white {
  color: #ffffff !important; }

.x-black6 {
  color: #666666; }

.x-black9 {
  color: #999999; }

/* 背景颜色 */
.x-bg-primary {
  background-color: #FD891F !important; }

.x-bg-secondary {
  background-color: #CAD6B2 !important; }

.x-bg-success {
  background-color: #6CE03A !important; }

.x-bg-info {
  background-color: #46E4FC !important; }

.x-bg-warning {
  background-color: #FF6816 !important; }

.x-bg-red {
  background-color: #fc0107 !important; }

.x-bg-light {
  background-color: #F2F5FE !important; }

.x-bg-dark {
  background-color: #343a40 !important; }

.x-bg-black {
  background-color: #333333 !important; }

.x-bg-white {
  background-color: #ffffff !important; }

.x-flex {
  display: flex !important; }

.x-row {
  flex-direction: row !important;
  display: flex !important; }

.x-col {
  flex-direction: column !important;
  display: flex !important; }

.x-wrap {
  flex-direction: row !important;
  flex-wrap: wrap;
  display: flex !important; }

.x-nowrap {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  display: flex !important; }

.x-space-between {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  display: flex !important; }

.x-align-top {
  align-items: flex-start !important; }

.x-align-center {
  align-items: center !important; }

.x-align-bottom {
  align-items: flex-end !important; }

.x-justify-top {
  justify-content: flex-start !important; }

.x-justify-center {
  justify-content: center !important; }

.x-justify-bottom {
  justify-content: flex-end !important; }

.x-justify-space-between {
  justify-content: space-between !important; }

.x-flex1 {
  flex: 1 !important; }

/* 定位 */
.x-footer {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0; }

.x-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0; }

/* 边框 */
.x-border {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #e6e6e6 !important; }

.x-border-l {
  border-left-style: solid !important;
  border-left-width: 1px !important;
  border-left-color: #e6e6e6 !important; }

.x-border-r {
  border-right-style: solid !important;
  border-right-width: 1px !important;
  border-right-color: #e6e6e6 !important; }

.x-border-t {
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: #e6e6e6 !important; }

.x-border-b {
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #e6e6e6 !important; }

.x-noborder {
  border-right-width: 0 !important;
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important; }

/* 圆角 */
.x-border-radius {
  border-radius: 100px !important; }

.x-border-radius-medium {
  border-radius: 60px !important; }

.x-border-radius-small {
  border-radius: 30px !important; }

/* 阴影 */
.x-shadow {
  box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14); }

/* 定义宽高  */
.x-wh-s {
  width: 40px !important;
  height: 40px !important; }

.x-wh-m {
  width: 70px !important;
  height: 70px !important; }

.x-wh-l {
  width: 100px !important;
  height: 100px !important; }

.x-wh-xl {
  width: 130px !important;
  height: 130px !important; }

.x-wh-xxl {
  width: 160px !important;
  height: 160px !important; }

/* 内边距  */
.x-p-0 {
  padding-left: 0px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  padding-right: 0px !important; }

.x-px-0 {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.x-py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.x-pt-0 {
  padding-top: 0px !important; }

.x-pr-0 {
  padding-right: 0px !important; }

.x-pb-0 {
  padding-bottom: 0px !important; }

.x-pl-0 {
  padding-left: 0px !important; }

.x-p-s {
  padding-left: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  padding-right: 5px !important; }

.x-px-s {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.x-py-s {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.x-pt-s {
  padding-top: 5px !important; }

.x-pr-s {
  padding-right: 5px !important; }

.x-pb-s {
  padding-bottom: 5px !important; }

.x-pl-s {
  padding-left: 5px !important; }

.x-p-m {
  padding-left: 15px !important;
  padding-bottom: 15px !important;
  padding-top: 15px !important;
  padding-right: 15px !important; }

.x-px-m {
  padding-right: 15px !important;
  padding-left: 15px !important; }

.x-py-m {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.x-pt-m {
  padding-top: 15px !important; }

.x-pr-m {
  padding-right: 15px !important; }

.x-pb-m {
  padding-bottom: 15px !important; }

.x-pl-m {
  padding-left: 15px !important; }

.x-p-l {
  padding-left: 25px !important;
  padding-bottom: 25px !important;
  padding-top: 25px !important;
  padding-right: 25px !important; }

.x-px-l {
  padding-right: 25px !important;
  padding-left: 25px !important; }

.x-py-l {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.x-pt-l {
  padding-top: 25px !important; }

.x-pr-l {
  padding-right: 25px !important; }

.x-pb-l {
  padding-bottom: 25px !important; }

.x-pl-l {
  padding-left: 25px !important; }

.x-p-xl {
  padding-left: 35px !important;
  padding-bottom: 35px !important;
  padding-top: 35px !important;
  padding-right: 35px !important; }

.x-px-xl {
  padding-right: 35px !important;
  padding-left: 35px !important; }

.x-py-xl {
  padding-top: 35px !important;
  padding-bottom: 35px !important; }

.x-pt-xl {
  padding-top: 35px !important; }

.x-pr-xl {
  padding-right: 35px !important; }

.x-pb-xl {
  padding-bottom: 35px !important; }

.x-pl-xl {
  padding-left: 35px !important; }

.x-p-xxl {
  padding-left: 45px !important;
  padding-bottom: 45px !important;
  padding-top: 45px !important;
  padding-right: 45px !important; }

.x-px-xxl {
  padding-right: 45px !important;
  padding-left: 45px !important; }

.x-py-xxl {
  padding-top: 45px !important;
  padding-bottom: 45px !important; }

.x-pt-xxl {
  padding-top: 45px !important; }

.x-pr-xxl {
  padding-right: 45px !important; }

.x-pb-xxl {
  padding-bottom: 45px !important; }

.x-pl-xxl {
  padding-left: 45px !important; }

/* 外边距  */
.x-m-0 {
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  margin-right: 0px !important; }

.x-mx-0 {
  margin-right: 0px !important;
  margin-left: 0px !important; }

.x-my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.x-mt-0 {
  margin-top: 0px !important; }

.x-mr-0 {
  margin-right: 0px !important; }

.x-mb-0 {
  margin-bottom: 0px !important; }

.x-ml-0 {
  margin-left: 0px !important; }

.x-m-s {
  margin-left: 5px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  margin-right: 5px !important; }

.x-mx-s {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.x-my-s {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.x-mt-s {
  margin-top: 5px !important; }

.x-mr-s {
  margin-right: 5px !important; }

.x-mb-s {
  margin-bottom: 5px !important; }

.x-ml-s {
  margin-left: 5px !important; }

.x-m-m {
  margin-left: 15px !important;
  margin-bottom: 15px !important;
  margin-top: 15px !important;
  margin-right: 15px !important; }

.x-mx-m {
  margin-right: 15px !important;
  margin-left: 15px !important; }

.x-my-m {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.x-mt-m {
  margin-top: 15px !important; }

.x-mr-m {
  margin-right: 15px !important; }

.x-mb-m {
  margin-bottom: 15px !important; }

.x-ml-m {
  margin-left: 15px !important; }

.x-m-l {
  margin-left: 25px !important;
  margin-bottom: 25px !important;
  margin-top: 25px !important;
  margin-right: 25px !important; }

.x-mx-l {
  margin-right: 25px !important;
  margin-left: 25px !important; }

.x-my-l {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.x-mt-l {
  margin-top: 25px !important; }

.x-mr-l {
  margin-right: 25px !important; }

.x-mb-l {
  margin-bottom: 25px !important; }

.x-ml-l {
  margin-left: 25px !important; }

.x-m-xl {
  margin-left: 35px !important;
  margin-bottom: 35px !important;
  margin-top: 35px !important;
  margin-right: 35px !important; }

.x-mx-xl {
  margin-right: 35px !important;
  margin-left: 35px !important; }

.x-my-xl {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.x-mt-xl {
  margin-top: 35px !important; }

.x-mr-xl {
  margin-right: 35px !important; }

.x-mb-xl {
  margin-bottom: 35px !important; }

.x-ml-xl {
  margin-left: 35px !important; }

.x-m-xxl {
  margin-left: 45px !important;
  margin-bottom: 45px !important;
  margin-top: 45px !important;
  margin-right: 45px !important; }

.x-mx-xxl {
  margin-right: 45px !important;
  margin-left: 45px !important; }

.x-my-xxl {
  margin-top: 45px !important;
  margin-bottom: 45px !important; }

.x-mt-xxl {
  margin-top: 45px !important; }

.x-mr-xxl {
  margin-right: 45px !important; }

.x-mb-xxl {
  margin-bottom: 45px !important; }

.x-ml-xxl {
  margin-left: 45px !important; }
